<template>
	<!-- 左边固定订单 -->
	<div>
		<headpage username="预定单列表" routername="main2"></headpage>
		<div class="main">
			<input type="text" placeholder="请输入单号/客户" class="form-control">
		</div>
		<div class="foot">
			<ul class="list">
				<li>列表</li>
				<li>统计</li>
			</ul>
		</div>
	</div>
</template>

<script>
	import headpage from "../../headpage.vue"
	export default {
		name: "main2_part1",
		components: {
			headpage
		}
	}
</script>

<style scoped="scoped">
	.main {
		padding: 10px;
		background-color: lightblue;
		border-top: 1px solid white;
	}
	.list{
		margin:0;
		padding:0;
		list-style:none;
		display:flex;
	}
	.list li{
		width:60%;
		text-align: center;
		border:1px solid lightblue;
		color:lightblue;
		
	}
	.list li:hover{
		background-color: lightblue;
		color:white;
	}
	.foot{
		width:100%;
		position:fixed;
		bottom:0;
		padding:10px 50px 10px 50px;
	}
</style>
